<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<title><?php bloginfo('name') ?></title>

<!--Main Element CSS-->
<link href="<?php bloginfo('template_url') ?>/css/style.css" rel="stylesheet" type="text/css">
<link href="<?php bloginfo('template_url') ?>/css/form.css" rel="stylesheet" type="text/css">
<link href="<?php bloginfo('template_url') ?>/css/font-awesome.css" rel="stylesheet" type="text/css">

<!--Responsive CSS-->
<link href="<?php bloginfo('template_url') ?>/css/responsive.css" rel="stylesheet" type="text/css">

<!--Flexy Menu CSS-->
<link href="<?php bloginfo('template_url') ?>/css/flexy-menu.css" rel="stylesheet" type="text/css">

<!--LayerSlider CSS-->
<link href="<?php bloginfo('template_url') ?>/layerslider/css/layerslider.css" rel="stylesheet" type="text/css">

<!--Important Owl CSS-->
<link href="<?php bloginfo('template_url') ?>/css/owl.carousel.css" rel="stylesheet" type="text/css">

<!--Owl DefaultTheme -->
<link href="<?php bloginfo('template_url') ?>/css/owl.theme.css" rel="stylesheet" type="text/css">

<!--MEGAFOLIO PRO GALLERY CSS-->
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url') ?>/megafolio/css/settings.css" media="screen" />

<!--COLORBOX LIGHTBOX CSS-->
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url') ?>/css/colorbox.css" media="screen" />

<!-- Flexslider CSS -->
<link href="<?php bloginfo('template_url') ?>/css/flexslider.css" rel="stylesheet" type="text/css">

<!-- Fancybox CSS -->
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url') ?>/css/jquery.fancybox8cbb.css?v=2.1.5" media="screen" />
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url') ?>/css/jquery.fancybox-buttons3447.css?v=1.0.5" media="screen" />
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url') ?>/css/jquery.fancybox-thumbsf2ad.css?v=1.0.7" media="screen" />

<!-- Tooltip CSS -->
<link href="<?php bloginfo('template_url') ?>/css/tooltip.css" rel="stylesheet" type="text/css">

<!--Google Fonts-->
<link href='http://fonts.googleapis.com/css?family=Roboto:400,400italic,300,500,700|Roboto+Slab:400,300,700' rel='stylesheet' type='text/css'>

<!--[if lte IE 8]>
<meta HTTP-EQUIV="REFRESH" content="0; url=lte-ie8.html">
<![endif]-->

</head>

<body>

	<!--Top Header Start-->
    <section class="top-header">
    	<div class="wrapper topwrap">
        	<p class="top-info">Lorem ipsum dolor sit amet consetetur sadipscing elitr</p>
            
            <!--Social Media Icons-->
            <ul class="top-socialmedia">
            	<li>
                    <?php 
                        $fb_account = get_option("dn_facebook_account", "false");
                    ?>
                	<a target="_blank" href="http://www.facebook.com/<?php echo $fb_account; ?>"><img src="<?php bloginfo('template_url'); ?>/images/social-media/top-social-media1.png" alt="social media" /></a>
                </li>
                <li>
                	<a href="#"><img src="<?php bloginfo('template_url'); ?>/images/social-media/top-social-media2.png" alt="social media" /></a>
                </li>
                <li>
                	<a href="#"><img src="<?php bloginfo('template_url'); ?>/images/social-media/top-social-media3.png" alt="social media" /></a>
                </li>
                <li>
                	<a href="#"><img src="<?php bloginfo('template_url'); ?>/images/social-media/top-social-media4.png" alt="social media" /></a>
                </li>
                <li>
                	<a href="#"><img src="<?php bloginfo('template_url'); ?>/images/social-media/top-social-media5.png" alt="social media" /></a>
                </li>
            </ul>
            <!--End-->
            
        </div>
    </section>
    <!--Top Header End-->
    
    <div class="wrapper">
    	
        